<template>

  <div>

    <el-form :inline="true" :model="appUserVip" class="demo-form-inline"
             style="display: flex; flex-direction: column; width: auto; height:100px; overflow-x: auto;flex-wrap: wrap;">
      <el-form-item label="是否为普通会员">
        <el-select v-model="appUserVip.commonVipFlag" placeholder="请选择" disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.app_yes_no" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"/>
        </el-select>
      </el-form-item>
      <el-form-item label="普通会员到期时间">
        <el-date-picker style="width: 202px;" disabled v-model="appUserVip.commonVipExpireTime" type="datetime"
                        placeholder="选择日期时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="是否为专属会员">
        <el-select v-model="appUserVip.exclusiveVipFlag" placeholder="请选择" disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.app_yes_no" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"/>
        </el-select>
      </el-form-item>
      <el-form-item label="专属会员到期时间">
        <el-date-picker style="width: 202px;" disabled v-model="appUserVip.exclusiveVipExpireTime" type="datetime"
                        placeholder="选择日期时间">
        </el-date-picker>
      </el-form-item>

    </el-form>

  </div>

</template>

<script>
import {getAppUserVip} from "@/api/service/appUser/appUser";

export default {
  dicts: ['app_check_status', 'sys_yes_no', 'app_appuser_status', 'sys_user_sex', 'app_online_status', 'account_type', 'app_yes_no'],
  props: {
    userId: {
      type: String,
      default: '-1'
    }
  },
  data() {
    return {
      queryParams: {
        userId : this.userId,
      },
      appUserVip:{}
    }
  },

  created() {
    this.getVipInfo()
  },

  methods: {
    getVipInfo() {
      getAppUserVip(this.userId).then(response => {
        this.appUserVip = response.data;
      });

    },
  }
}
</script>

<style>
</style>
